<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://cdn.jsdelivr.net/npm/xgplayer@2.9.6/browser/index.js" type="text/javascript"></script>
    <style>
        xg-loading{
            display: none !important;
        }
    </style>
</head>
<body>
    <div id="mse"></div>
    <div id="mse2" style="display: none"></div>
</body>
<script>

    let urls = [
        'http://vali-dns.cp31.ott.cibntv.net/677373445D04071AC77425A03/03000B13005F61DD08FD8B1406C1F8717BA068-C269-4B75-8E87-C3C949A47F46.mp4?ccode=0502&duration=90&expire=18000&psid=46b00778818ab2bff8c0f3a70d03e03544c92&ups_client_netip=0e6b9fd8&ups_ts=1604567919&ups_userid=&utid=jfgZGCCUeRQCAX1VznYXOfGm&vid=XNDQ1Nzg0ODUyNA&vkey=B017841f014e32453530398a35d97c2f2&eo=0&rid=2000000029E80EAC2176A1254D0AA269A5F174E302000000&bc=2&dre=u17&si=45&dst=1',
        'http://vali-dns.cp31.ott.cibntv.net/69752CE64FE4B71F747014098/03000B13015F61DD08FD8B1406C1F8717BA068-C269-4B75-8E87-C3C949A47F46.mp4?ccode=0502&duration=198&expire=18000&psid=46b00778818ab2bff8c0f3a70d03e03544c92&ups_client_netip=0e6b9fd8&ups_ts=1604567919&ups_userid=&utid=jfgZGCCUeRQCAX1VznYXOfGm&vid=XNDQ1Nzg0ODUyNA&vkey=B55a95edf0b8794ba915f14fa7b3afd54&eo=0&rid=20000000BFC24DC856C3A08CA72B3094863D243A02000000&bc=2&dre=u17&si=45&dst=1'
    ]
    let player = new Player({
        id: 'mse',
        url: urls[0]
        // playNext: {
        //     urlList: [
        //         'http://vali-dns.cp31.ott.cibntv.net/69752CA7FFF3A7183A72C618B/03000B13015F61DD08FD8B1406C1F8717BA068-C269-4B75-8E87-C3C949A47F46.mp4?ccode=0502&duration=198&expire=18000&psid=30710d29b5f62b293e9826d79230403744c92&ups_client_netip=0e6b99e0&ups_ts=1604540741&ups_userid=&utid=jfgZGCCUeRQCAX1VznYXOfGm&vid=XNDQ1Nzg0ODUyNA&vkey=B83a69aa3d5d99e0a4d05547b5b06c3a4&eo=0&rid=20000000BFC24DC856C3A08CA72B3094863D243A02000000&bc=2&dre=u17&si=45&dst=1',
        //         'http://vali-dns.cp31.ott.cibntv.net/6975BFD68274E720BABEF540F/03000B13025F61DD08FD8B1406C1F8717BA068-C269-4B75-8E87-C3C949A47F46.mp4?ccode=0502&duration=192&expire=18000&psid=30710d29b5f62b293e9826d79230403744c92&ups_client_netip=0e6b99e0&ups_ts=1604540741&ups_userid=&utid=jfgZGCCUeRQCAX1VznYXOfGm&vid=XNDQ1Nzg0ODUyNA&vkey=Bf27820b35bbf63325472ad430d764ef9&eo=0&rid=20000000631C3D1D203FBFB239A9F51617049F1902000000&bc=2&dre=u17&si=45&dst=1',
        //         'http://vali-dns.cp31.ott.cibntv.net/67752CA7D854271BA0F7A5D72/03000B13035F61DD08FD8B1406C1F8717BA068-C269-4B75-8E87-C3C949A47F46.mp4?ccode=0502&duration=198&expire=18000&psid=30710d29b5f62b293e9826d79230403744c92&ups_client_netip=0e6b99e0&ups_ts=1604540741&ups_userid=&utid=jfgZGCCUeRQCAX1VznYXOfGm&vid=XNDQ1Nzg0ODUyNA&vkey=Ba500f0feb11be6b7bbd84a1f17f47e7f&eo=0&rid=200000000A4B28C3B26F88664E06F8A7E7123DB202000000&bc=2&dre=u17&si=45&dst=1'
        //     ]
        // }
    });
    let player2 = new Player({
        id: 'mse2',
        url: urls[1]
    });

    let mse = document.getElementById("mse");
    let mse2 = document.getElementById("mse2");

    player.play();
    player.on("ended",function () {
        mse.style.display="none";
        mse2.style.display="block";
        player2.play();
    })


</script>
</html>